<template>
	<div class="new-modal" style="">
		<div class="new-modal-title" style="font-size: 17px; position: absolute; width: 100%; z-index: 999;">
			<i class="ion-chevron-left return" @click="genderDelete()"></i> 里程
		</div>
		<div class="mouchs" style="padding-top: 44px;overflow-y: auto; height: 100%;">
			<div class="mouchs-box">
				<div class="mouchs-list">
					<list>
						<item v-for="item in styleList" @click.native="styleChange(item)">
							<div class="car-enitor-tr" >
								<div class="car-editor-name" style="padding: 0;">{{item.carMileageRemark}}</div>
							</div>
						</item>
					</list>					
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				styleList:[],
				styleParams:{},
			}
		},
		created(){
			window.axios.get(baseUrl+'/controller/carMileage/getCarMileageList').then((res)=>{
				this.styleList = res.data.result
			})
		},
		methods: {
			styleChange(val){
				this.styleParams = val
				this.$emit('cancel',this.styleParams)
			},
			genderDelete() {
				this.$emit('cancel')
			},
		},
		
	}
</script>
